<style type="text/css">
    .col{
        background-color: #F9FAFB;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        text-align: center;
        line-height: 26px;
    }

    .col-click{
        background-color: #eee;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 2px;
        text-align: center;
        line-height: 26px;
    }

    .col-demo {
        text-align: left;
        font-size: 16px;
    }

    .auto_hidden {
        width: 204px;
        border-bottom: 1px dashed #dddddd;
        border-left: 1px dashed #dddddd;
        border-right: 1px dashed #dddddd;
        position: absolute;
        display: none;
    }

    .auto_show {
        /*width: 204px;*/
        /*border-bottom: 1px dashed #dddddd;*/
        /*border-left: 1px dashed #dddddd;*/
        /*border-right: 1px dashed #dddddd;*/
        /*position: absolute;*/
        /*z-index: 3; /!* 设置对象的层叠顺序 *!/*/
        display: block;
    }

    .auto_onmouseover {
        color: #ffffff;
        background-color: highlight;
        width: 100%;
        padding-left: 5px;
    }

    .auto_onmouseout {
        color: #000000;
        width: 100%;
        background-color: #ffffff;
        padding-left: 5px;
    }

</style>
<script type="text/javascript">

</script>
<ion-view hide-nav-bar="true">
    <ion-header-bar class="item-input-inset bar-positive">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search-strong placeholder-icon"></i>
            <div ed-auto-search="autoSearch" data-options="changeEvent : 'changeSearchVal',placeholder : '车牌号/自编号/线路',
                            showSelectUrl : 'web/resCheckFuzzyQuery.do'" data-params="queryType : 'search.queryType'">
            </div>
        </label>
    </ion-header-bar>

    <ion-content>
        <div class="content no-header">

            <div style="height: 1px;padding-bottom: 5px;position: relative;z-index: 10">
                <div class="auto_hidden" id="autoText"><!--自动完成 DIV--></div>
            </div>

            <div style="width: 100%;border-bottom: 1px solid #EBEBEB " >
                <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
                    <div class="col" style="text-align: right;border:none" onclick="changeSelect(this,'1')">
                        <a href="javascript:void(0)"  style="color:#2D99F4">车辆</a>
                        <p style="display:block;height: 3px;color:#2D99F4;margin-top: -17px;font-weight: bold;font-size: 15px;">____</p>
                    </div>
                    <div class="col positive" style="border:none;text-align: left" onclick="changeSelect(this,'2')">
                        <a href="javascript:void(0)" style="color:#9F9F9F">站点</a>
                        <p style="display:none;height: 3px;color:#2D99F4;margin-top: -17px;font-weight: bold;font-size: 15px;">____</p>
                    </div>
                </div>
            </div>
            <!--车辆信息-->
            <div ng-if="resList.length > 0 && search.queryType == '1'">
                <!--<item class="item item-icon-left positive" style="text-align: left">-->
                    <!--<i class="icon ion-android-bus"></i>-->
                    <!--车辆信息-->
                    <!--<span class="color-demo positive-bg positive-border"></span>-->
                <!--</item>-->

                <span class="item" style="margin-left: -11px;">
                    车辆信息
                </span>

                <div style="width: 100%" >
                    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-bottom: none">
                            <div class="col-demo">线路名称 : {{resList[0].lineNo}}</div>
                        </div>
                        <div class="col" style="border-left: none;border-bottom: none">
                            <div class="col-demo">
                                <div class="col-demo">自编号 : {{resList[0].vehicleNo}}</div>
                            </div>
                        </div>
                    </div>

                    <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-top: none">
                            <div class="col-demo">车牌号 : {{resList[0].plateNo}}</div>
                        </div>
                        <div class="col" style="border-left: none;border-top: none">
                            <div class="col-demo">营运公司 : {{resList[0].companyName}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div ng-if="resList.length > 0 && search.queryType == '1'">
                <!--<item class="item item-icon-left positive" style="text-align: left;border-bottom: 1px dashed #ffb100">-->
                    <!--<i class="icon ion-filing"></i>-->
                    <!--媒体资源-->
                    <!--<span class="color-demo positive-bg positive-border"></span>-->
                <!--</item>-->

                <span class="item" style="margin-left: -11px;">
                    媒体资源
                </span>

                <div>
                    <div style="width: 100%" ng-repeat="resData in resList" ng-click="viewResCheckDetail(resData)">
                        <div class="col-click" style="border-right: none;border-bottom: none">
                            <div class="col-demo">媒体类型 : {{resData.mediaName}}
                                <a href="javascript:void(0)" style="color:#43A3F5;float: right;margin-right: 10px">查看明细</a>
                            </div>
                        </div>
                        <div class="col-click" style="border-left: none;border-bottom: none;border-top: none">
                            <div class="col-demo">资源编号 : {{resData.resourceCode}}</div>
                        </div>
                        <div class="col-click" style="border-right: none;border-top: none">
                            <div class="col-demo">规格 : {{resData.model}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!--站点信息-->
            <div ng-if="resList.length > 0 && search.queryType == '2'">
                <!--<item class="item item-icon-left positive" style="text-align: left">-->
                    <!--<i class="icon ion-location"></i>-->
                    <!--站点信息-->
                    <!--<span class="color-demo positive-bg positive-border"></span>-->
                <!--</item>-->
                <span class="item" style="margin-left: -11px;">
                    站点信息
                </span>

                <div style="width: 100%" >
                    <div class="row" style="padding-top: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-bottom: none">
                            <div class="col-demo">站点名称 : {{resList[0].stopName}}</div>
                        </div>
                    </div>

                    <div class="row" style="padding-bottom: 0;padding-left: 0;padding-right: 0;">
                        <div class="col" style="border-right: none;border-top: none">
                            <div class="col-demo">行向 : {{resList[0].direction}}</div>
                        </div>
                        <div class="col" style="border-left: none;border-top: none">
                            <div class="col-demo">
                                <div class="col-demo">街道 : {{resList[0].roadName}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div ng-if="resList.length > 0 && search.queryType == '2'">
                <!--<item class="item item-icon-left positive" style="text-align: left">-->
                    <!--<i class="icon ion-filing"></i>-->
                    <!--媒体资源-->
                    <!--<span class="color-demo positive-bg positive-border"></span>-->
                <!--</item>-->
                <span class="item" style="margin-left: -11px;">
                    媒体资源
                </span>

                <div style="width: 100%" ng-repeat="resData in resList" ng-click="viewResCheckDetail(resData)">
                    <div class="col-click" style="border-right: none;border-bottom: none">
                        <div class="col-demo">媒体类型 : {{resData.mediaName}}
                            <a href="javascript:void(0)" style="color:#43A3F5;float: right;margin-right: 10px">查看明细</a>
                        </div>
                    </div>
                    <div class="col-click" style="border-left: none;border-bottom: none;border-top: none">
                        <div class="col-demo">资源编号 : {{resData.resourceCode}}</div>
                    </div>
                    <div class="col-click" style="border-right: none;border-top: none">
                        <div class="col-demo">规格 : {{resData.model}}</div>
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>